<?xml version="1.0"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:pe="http://primefaces.org/ui/extensions"
                template="/templates/main.xhtml">

    <ui:define name="content">
        <h:form id="formQuickPay">
            <p:panel header="Pago rapido de negociaciones">
                <p:panelGrid columns="2">
                    <h:outputLabel for="clientID" value="Rut de cliente (sin puntos, ni guion.)" /> 
                    <p:inputText id="clientID" value="#{quickPaymentBean.negotiationDTO.clientID}" label="clientID" onchange="this.value=formatRut(this.value)" title="Ingrese su rut, sin puntos ni guion"/>

                    <h:outputLabel for="negotiationNumber" value="Numero de negociación" />
                    <p:inputText id="negotiationNumber" value="#{quickPaymentBean.negotiationDTO.negotiationID}" required="true" label="Numero de negociacion">
                        <pe:keyFilter mask="num"/>
                    </p:inputText>

                    <f:facet name="footer">
                        <p:commandButton value="Buscar negociación." ajax="false"
                                         action="#{quickPaymentBean.searchQuickNegotiation()}" />
                    </f:facet>
                </p:panelGrid>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>